<template>
  <div>
    <iframe :src="baseApi" scrolling="no" id="flowable_modeler_id"></iframe>
  </div>
</template>

 <script>
import defaultSettings from '@/settings'

  export default {
      name: 'modelerIndexHtml',
      data() {
        return {
          baseApi: defaultSettings.serviceUrl.baseUrl+'/modeler/index.html'
        }
      },
      created(){
      },
      mounted() {
        // iframe-宽高自适应显示
        const oIframe = document.getElementById('flowable_modeler_id')
        const deviceWidth = document.documentElement.clientWidth
        const deviceHeight = document.documentElement.clientHeight
        oIframe.style.width = (Number(deviceWidth) - 188) + 'px' // 数字是页面布局宽度差值
        oIframe.style.height = (Number(deviceHeight) - 100) + 'px' // 数字是页面布局高度差
      }
  }
</script>